<!-- popup.html -->
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>随机密码生成器</title>
  <link rel="stylesheet" href="popup.css">
</head>
<body>
  <div id="app">
    <h1>随机密码生成器</h1>
    <label for="length">密码长度：</label>
    <input type="number" id="length" value="15" min="8" max="64">
    <p></p>
    <p class="password-rules">密码生成规则：密码长度，8到64位；包含大写字母、小写字母、数字和特殊字符；每种字符至少出现一次</p>
    <button id="generate" class="blue-button">生成&复制到粘贴板</button>
    <p id="password"></p>
    <hr class="blue-hr">
    <div id="history"></div>
  </div>
  <script src="popup.js"></script>
</body>
</html>